<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" name="viewport"> 
<meta name="apple-mobile-web-app-capable" content="yes" />
<title>List</title>
<link href="oneColFixCtr.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body {
	background-image: url(images/bkg-global.jpg);
	background-repeat: repeat-x;
}
</style>
</head>

<body>

<div id="topMenu">
  <span class="navButtonLeft"><a href="#" onClick="history.go(-1); return false;"><img src="images/button-global-back.png" width="49" height="30" alt="back" /></a></span>
  <span class="pageTitle"><img src="images/header-list.png" alt="List" /></span>
  <span class="navButtonRight"><a href="home.html"><img src="images/button-global-menu.png" width="50" height="30" alt="menu" border="0" /></a></span>
</div>
<div class="container">
  <div class="content">
	<br />
	<center><div class="list-title">Tony's Party</div></center><br />
	
	<input type="text" class="search" value="Find Item" onclick="this.value='';" onblur="if(this.value == '') this.value = 'Find Item';" /> <br />
    
    <div id="quantity-weight"><a href="#">Add Quantity</a> | <a href="#">Add Weight</a></div>
    <img src="images/button-add-item.png" align="left" border="0" />
	<img src="images/button-edit-list.png" align="right" border="0" /><br />


        
        

    </div>  <!-- end .content -->
    	<ul class="list-list">
	<li class="produce">&nbsp;</li>
	<li class="item">
	   <input type="checkbox" class="checkbox" /> <a href="#">Bananas <span class="quantity">(5)</span></a>
    </li>
    	<li class="item">
	   <input type="checkbox" class="checkbox" /> <a href="#">Avocado, Haas <span class="quantity">(2)</span></a>
    </li>
    	<li class="item">
	   <input type="checkbox" class="checkbox" /> <a href="#">Oranges, Blood <span class="quantity">(5)</span></a>
    </li>
    
    <li class="meat">&nbsp;</li>
	<li class="item">
	   <input type="checkbox" class="checkbox" /> <a href="ingredient.html">Sausage, 1 lb. <span class="quantity">(1)</span></a>
    </li>
    
    <li class="dairy">&nbsp;</li>
	<li class="item">
	   <input type="checkbox" class="checkbox" /> <a href="#">Milk <span class="quantity">(1)</span></a>
    </li>
    
    <li class="pantry">&nbsp;</li>
	<li class="item">
	   <input type="checkbox" class="checkbox" /> <a href="#">Flour, 5 lbs. <span class="quantity">(1)</span></a>
    </li>

    
    </ul>
</div>

</body>
</html>
